.layout-container {
	display: flex;
	flex-direction: column;

	.layout-header {
		height: 60px;
	}

	.layout-content {
		flex: 1;
	}

	.site-layout--sider {
		overflow: auto;
		top: 60px;
		height: 100%;
		position: fixed;
		left: 0;
		width: 200;
		z-index: 2;
        box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);
		.ant-layout-sider-children {
			display: flex;
			flex-direction: column;
            height: 100%;
            position: relative;
		}
		.sider-menu {
			// flex: 1 1;
            height: 100%;
            padding-bottom: 108px;
			overflow: hidden auto;
		}
        .toggle-button{
            position: absolute;
            width: 100%;
            bottom: 60px;
            .ant-menu-item{
              border-top: 1px solid #f0f0f0;
            }
        }
	}
}
.site-layout {
	margin-left: 80px;
}
.sider-toggle {
	margin-left: 200px;
}

.site-layout--content {
	height: 100%;
	// min-height: 100%;
	overflow-y: auto;
	background-color: #f0f2f5;
	border-radius: 4px;
}
